<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>客户接待</title>
    <link
      href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css"
      type="text/css"
      rel="stylesheet"
    />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/daoke.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
  </head>

  <body>
    <!-- 顶部 -->
    <div class="ht60 common-header">
      <div>
        <h1 class="logo">
          人脸识别管理系统
        </h1>
        <span class="common-header-select"
          >xxx项目演示<i class="iconfont icon-xiala"></i
        ></span>
      </div>
      <div>
        <i
          class="iconfont icon-weibiaoti- color-f cursor-p"
          style="font-size:28px"
        ></i>
        <!-- 消息模块 start -->
        <div
          class="bg-f pos-a radius-5 display-n"
          style="width: 250px; padding: 10px 15px; top: 65px;right: 32px;z-index: 999999;border: 1px solid #EBEEF5;box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);"
        >
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-huiyi1 color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >会议管理</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3">
              <div style="margin: 10px 0">张晓丽发起一次会议，需要您参加。</div>
              <div style="margin: 10px 0">会议标题：年度会议</div>
              <div style="margin: 10px 0">开始时间：2019-04-22 19：30</div>
              <div style="margin: 10px 0">结束时间：2019-04-22 19：50</div>
              <div style="margin: 10px 0">李文博提交的通知公告需要您审批。</div>
            </div>
          </div>
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-shenpi color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >审核</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3" style="margin: 10px 0">
              <span>张志章提交的通知公告需要您审批。</span>
            </div>
          </div>
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-shenpi color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >审核</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3" style="margin: 10px 0">
              <span>张志章提交的通知公告需要您审批。</span>
            </div>
          </div>
        </div>
        <!-- 消息模块 end -->
        <span class="cursor-p mr-15 ml-15">
          <i class="iconfont icon-touxiang color-f" style="font-size:28px"></i>
          <span class="color-f font14 display-ib" style="margin-left:10px"
            >刘德华</span
          >
          <!-- 个人信息 start -->
          <div
            class="infobox pos-a bg-f b-box"
            style="	box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);top: 55px;right: 10px; display: block;z-index: 9999;border: 1px solid #EBEEF5;padding: 10px 0;
            margin: 5px 0;"
          >
            <div class="common-info-item">修改密码</div>
            <div class="common-info-item">退出登录</div>
          </div>
          <!-- 个人信息 start -->
        </span>
      </div>
    </div>
    <!-- 导航 && 页面区域 start-->
    <section class="common-container">
      <!-- 导航 start-->
      <aside>
        <ul>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
        </ul>
      </aside>
      <!-- 导航 end-->
      <!-- 内容区域 start-->
      <div class="common-container-main">
        <!-- 面包屑 start -->
        <div
          class="ht40 bg-f flex-c font14 color-3"
          style="padding:0 20px;margin-bottom: 10px"
        >
          <i
            class="iconfont icon-nav_user color-3 font20"
            style="margin-right:10px"
          ></i>
          <span>客户接待</span>
        </div>
        <!-- 面包屑 end -->
        <!-- 初始化页面 start -->
        <div class="display-">
          <div class="display-">
            <div
              class="flex-js-c bg-f ht40 l-ht40 color-3"
              style="font-size:14px;padding: 0 20px;height: 40px;"
            >
              <div class="flex-c">
                <div>
                  <span>客户名称：</span>
                  <input class="text" placeholder="请输入客户名称" style="width: 150px"/>
                </div>
                <div
                  class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib"
                  style="width:30px;margin-left:16px;"title="搜索">
                  <i class="iconfont icon-sousuo color-f font18"></i>
                </div>
              </div>
            </div>
            <div class="bg-f color-3 p20" style="font-size:14px;min-height: 600px">
              <!-- 表头 start -->
              <div class="t_title">
                <span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:10%;"
                  >项目名称 </span
                ><span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:10%;"
                  >客户姓名 </span
                ><span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:5%;"
                  >性别 </span
                ><span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:15%;"
                  >接待开始时间 </span
                ><span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:15%;"
                  >接待结束时间 </span
                ><span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:10%;"
                  >职业顾问 </span
                ><span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:20%;"
                  >触点评分 </span
                ><span
                  class="display-ib p5 border-r-1 text-c b-box"
                  style="width:15%;"
                  >操作
                </span>
              </div>
              <!-- 表头 end -->
              <!-- 表体 start -->
              <div class="t_body display-">
                <div class="tableRow">
                  <span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "
                    style="width:10%;"
                    title=""
                    >山水中央 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:10%;"
                    title=""
                    >张三 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:5%;"
                    title=""
                    >男 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:15%;"
                    title=""
                    >2019-09-04 09:27:46 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:15%;"
                    title=""
                    >2019-09-06 14:53:01 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:10%;"
                    title=""
                    >赵无极 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:20%;"
                    title=""
                    >
                    <i
                    class="iconfont icon-shoucang vertical-a-m cursor-p font16"
                    title=""
                  ></i>
                  <i
                    class="iconfont icon-shoucang vertical-a-m cursor-p font16"
                    title=""
                  ></i>
                  <i
                    class="iconfont icon-shoucang vertical-a-m cursor-p font16"
                    title=""
                  ></i>
                  <button 
                  type="button" 
                  style="height: 25px;width: 50px;outline:none;border-radius: 5px; background-color:rgb(0, 145, 255); color:white; "
                  >80</button>
                    </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:15%;"
                    title=""
                  >
                  <i
                      class="iconfont icon-xiugai vertical-a-m cursor-p font16"
                      title="编辑"
                    ></i>
                    <i
                      class="iconfont icon-shanchu font16 vertical-a-m cursor-p"
                      title="删除"
                      style="margin-right:10px;"
                    ></i>
                    
                  </span>
                </div>
                <div class="tableRow">
                  <span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "
                    style="width:10%;"
                    title=""
                    >山水中央 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:10%;"
                    title=""
                    >张三 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:5%;"
                    title=""
                    >男 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:15%;"
                    title=""
                    >2019-09-04 09:27:46 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:15%;"
                    title=""
                    >2019-09-06 14:53:01 </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:10%;"
                    title=""
                    >赵无极 </span
                  ><span
                  class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                  style="width:20%;"
                  title=""
                  >
                  <i
                  class="iconfont icon-shoucang vertical-a-m cursor-p font16"
                  title=""
                ></i>
                <i
                  class="iconfont icon-shoucang vertical-a-m cursor-p font16"
                  title=""
                ></i>
                <i
                  class="iconfont icon-shoucang vertical-a-m cursor-p font16"
                  title=""
                ></i>
                <button 
                type="button" 
                style="height: 25px;width: 50px;outline:none;border-radius: 5px; background-color:rgb(0, 145, 255); color:white; "
                >80</button>
                  </span
                  ><span
                    class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
                    style="width:15%;"
                    title=""
                  >
                  <i
                      class="iconfont icon-xiugai vertical-a-m cursor-p font16"
                      title="编辑"
                    ></i>
                    <i
                      class="iconfont icon-shanchu font16 vertical-a-m cursor-p"
                      title="删除"
                      style="margin-right:10px;"
                    ></i>
                    
                  </span>
                </div>
              </div>
              <!-- 表体 end -->
              <!-- 分页start -->
              <div class="page display-">
                分页
              </div>
              <!-- 分页end -->
            </div>
          </div>
        </div>
        <!-- 初始化页面 end -->
        
    <!-- 编辑弹窗 start -->
    <div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
    style="z-index:120;">
    <div class="flex-cc w100">
      <div class="bg-f overflow-h text-l" style="border-radius:4px;width:540px;margin-top:200px;">
        <div class="font14 bg-theme color-f ht40 l-ht40"
          style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
          <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"
            data-feidao-actions="click:eu-001"></i>编辑客户接待
        </div>
        <div class="p20">
          <div class="flex-c">
            <div style="width: 80px">
              <span class="display-ib fr">
                客户姓名：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入客户姓名" style="width: 200px">
            </div>
          </div>

          <div class="flex-c" style="margin-top: 20px">
            <div style="width: 80px">
              <span class="display-ib fr">
                客户编号：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入客户编号" style="width: 200px">
            </div>
          </div>
          <div class="flex-c" style="margin-top: 20px">
            <div style="width: 80px">
              <span class="display-ib fr">
                置业顾问：
              </span>
            </div>
            <div class="display-ib pos-r">
              <select class="select display-" style="width: 200px;">
                <option>请选择</option>
                <option>张三</option>
                <option>李四</option>
                <option>王五</option>
              </select>
            </div>
          </div>
          <div class="flex-c" style="margin-top: 20px">
            <div style="width: 80px">
              <span class="display-ib fr">
                开始时间：
              </span>
            </div>
            <div class="flex-c">
              <input class="text" type="date" style="width: 200px"/>
            </div>
          </div>
          <div class="flex-c" style="margin-top: 20px">
            <div style="width: 80px">
              <span class="display-ib fr">
                结束时间：
              </span>
            </div>
            <div class="flex-c">
              <input class="text" type="date" style="width:200px"/>
            </div>
          </div>
          <div class="text-c" style="margin-top: 20px;">
            <input type="button" value="确认" class="btn" style="width: 50px;">
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 编辑弹窗 end -->
  <!-- 触点评分弹框 start -->
  <div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
  style="z-index:120;">
  <div class="flex-cc w100">
    <div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
      <div class="font14 bg-theme color-f ht40 l-ht40"
        style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
        <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"
          data-feidao-actions="click:eu-001"></i>未到达触点
      </div>
      <div class="p20">
        <div class="ht40 l-ht40 text-c color-6">
          <span>沙盘，样板间</span>
        </div>
        <div class="text-c" style="margin-top: 20px;">
          <input type="button" value="确认" class="btn" style="width: 50px;">
        </div>
      </div>
    </div>
  </div>
  </div>
  <!-- 触点评分弹框 end -->
  <!-- 删除弹框 start -->
  <div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
  style="z-index:120;">
  <div class="flex-cc w100">
    <div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
      <div class="font14 bg-theme color-f ht40 l-ht40"
        style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
        <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"
          data-feidao-actions="click:eu-001"></i>提示
      </div>
      <div class="p20">
        <div class="ht40 l-ht40 text-c color-6">
          <span>是否确认删除客户？</span>
        </div>
        <div class="text-c" style="margin-top: 20px;">
          <input type="button" value="确认" class="btn" style="width: 50px;">
          <input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;">
        </div>
      </div>
    </div>
  </div>
  </div>
  <!-- 删除弹框 end -->
        
      </div>
    </section>
  </body>
</html>
